<!DOCTYPE html>
<html lang="en">

	<head>
		<title>重庆农气-运行监控子系统</title>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="css/fullcalendar.css" />
		<link rel="stylesheet" href="css/matrix-style.css" />
		<link rel="stylesheet" href="css/matrix-media.css" />
		<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/jquery.gritter.css" />
		<link rel="stylesheet" href="css/monitor.css" />
		<link rel="stylesheet" href="css/box_style.css" />
		<link rel="stylesheet" href="css/index.css" />
		<!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>-->

		<style>
			body {
				line-height: inherit;
			}
			
			.align-center {
				text-align: center;
			}
			.login{
				margin-top: -65px !important;
			}
		</style>
	</head>

	<body class="container">

		<div class="header">
			<div class="top"></div>
			<ul class="nav">
				<li><a href="index.html">首页</a></li>
				<li><a href="temp.html" class="click">气温监测</a></li>
				<li><a href="precipitation.html">降水监测</a></li>
				<li><a href="soil.html">墒情监测</a></li>
				<li><a href="product.html">产品统计</a></li>
				<li><a href="vip.html">大户分布</a></li>
				<li><a href="farmland.html">农田分布</a></li>
				<li><a href="agrinfo.html">农情分布</a></li>
				<li><a href="expert.html">专家风采</a></li>
				<li><a href="state.html">运行状态</a></li>
			</ul>
			<div class="login">
				<a href="javascript:void(0);" id="login">登录</a>
				<a href="javascript:void(0);" id="exit">退出登录</a>
			</div>
		</div>
		<!--main-container-part-->
		<div class="content">

			<!--breadcrumbs-->
			<div id="content-header">
				<div id="breadcrumb"> <a href="index.html" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> 温度监控</a></div>
			</div>

			<div class="row-fluid">
				<div class="span12">
					<div class="widget-box">
						<div class="widget-title bg_ly" data-toggle="collapse" href="#collapseG1"><span class="icon"><i class="icon-chevron-down"></i></span>
							<h5>小时温度</h5>
						</div>
						<div class="widget-content nopadding collapse in" id="collapseG1">

							<div id="preview">

								<div id="spec-n1">
									<div class="o-img">
										<img id="originImg" alt="" src="" onerror="this.src='images/none_347.gif'" />
									</div>
									<div class="switch">
										<a id="foward">&nbsp;</a>
										<a id="next">&nbsp;</a>
									</div>
								</div>
								<!--spec-n1 end-->

								<div id="spec-n5">
									<div id="spec-top" class="control disabled"></div>
									<div id="spec-bottom" class="control"></div>
									<div id="spec-list">
										<ul id="thumbnail">

										</ul>
									</div>
								</div>
								<!--spec-n5 end-->

								<div id="intro"></div>

							</div>
							<!--preview end-->

						</div>
					</div>
				</div>
			</div>
			<!--Footer-part-->

			<div class="row-fluid">
				<div id="footer" class="span12"> 2016 &copy; 重庆市气象局
					<a href="#"></a>
				</div>
			</div>
			<!--end-Footer-part-->

			<script src="js/jquery.min.js"></script>
			<script src="js/jquery.cookie.js"></script>
			<script src="js/jquery.ui.custom.js"></script>
			<script src="js/bootstrap.min.js"></script>
			<script src="js/monitor.js"></script>
			<script src="js/WH.js"></script>
			<script type="text/javascript" src="js/jquery.XYTipsWindow.2.8.js"></script>
			<script src="js/index.js"></script>
			<script type="text/javascript">
				$(document).ready(function() {
					var storage=window.localStorage;
					var monitor = new Monitor();
					if (storage.boolea == 'false') {
						$("#login").show();
						$("#exit").hide();
						$("#login").click(function() {
							$.XYTipsWindow({
								___title: "登录",
								___content: "iframe:login.html",
								___width: "460",
								___height: "150",
								___showbg: true,
								___drag: "___boxTitle"
							});
						});
					} else {
						$("#login").hide();
						$("#exit").show();
						$("#exit").click(function() {
							monitor.loginout();
						});
					}
				})
				var imgs = Monitor.getLiveImgUrls("T", 12);
				$("#originImg").attr("src", imgs[0]);
				//alert(JSON.stringify(imgs));
				for (var i = 0; i < imgs.length; i++) {
					//alert(imgs[i]);
					$("#thumbnail").append("<li><img width=\"128\" height=\"96\" src=\"" + imgs[i] + "\" /></li>");
				}
			</script>
			<script src="js/monitor-slider.js"></script>
			<script type="text/javascript" src="js/jquery.XYTipsWindow.2.8.js"></script>
	</body>

</html>